<template>
  <div class="tabContentDetail">
    <tab-goods-item v-for="(item,index) in categoryDetail" :key="index" :goods="item"></tab-goods-item>
  </div>
</template>

<script>
  import TabGoodsItem from './TabGoodsItem.vue'
  export default {
    name:"TabContentDetail",
    props:{
      categoryDetail:{
        type:Array,
        default(){
          return []
        }
      }
    },
    components:{
      TabGoodsItem
    }
  }
</script>

<style scoped>
   .tabContentDetail {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     padding-top: 10px;
   }
</style>